@color: #e4e4e4;
@bg-color: #fff;




*{
	padding: 0;
	margin: 0;
}
a{

	text-decoration: none;
}
li{
	list-style: none;
}
.clearfloat:after{
	display: block;
	content: "";
	clear: both;
}
// 
// .weui-tab{
// 	.weui-navbar{
// 		bottom: 0;
// 	}
// }
body{
	// background-color: #F5F5F5;
}
.kong{
	height: 70px;
}
.three{
	background-color: @bg-color;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	a{
		color: #666;
		margin: 5px 0;
		width: 33.3%;
		float: left;
		text-align: center;
		p{
			margin: 0;
		}
	}
	&>a:first-child{
		color: #E84B2A;
	}
}
.main{
	position: relative;
	// width: 100%;
	padding: 0 10px;
	video{
		width: 100%;
	}
	button{
		display: block;
    	position: absolute;
		width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    border: none;
	    background-color: #2B333F;
	    line-height: 1.6em;
	    left: 50%;
	    top: 33%;
	    margin-top: -25px;
	    margin-left: -25px;
	    // font-family: VideoJS;
	    span{
	    	border: 0;
		    clip: rect(0 0 0 0);
		    height: 1px;
		    margin: -1px;
		    overflow: hidden;
		    padding: 0;
		    position: absolute;
		    width: 1px;
	    }
	}
	.word{
		h3{
			text-align: center;
			font-size: 18px;
			font-weight: normal;
			margin-top: 8px;
			margin-bottom: 16px;
		}
		p{
			color: #666666;
		    font-size: 12px;
		    line-height: 20px;
		    margin-top: 8px;
		}
	}
}